<template>
  <div class="completed">
   <h2>completed组件</h2>
   <ul>
	   		<li v-for="item of completelist">
	   			<input type="checkbox" v-model="item.isChecked"  />
	   			<span :class="{delActive:item.isChecked}">{{item.text}}</span>
	   		</li>
	   	</ul>
  </div>
</template>

<script>
import {mapGetters} from "vuex"
export default {
  name: 'completed',
   computed:{
  	...mapGetters(["completelist"])
  }
}
</script>
<style scoped>
 h2{font-size:18px;}
 li{color:blue;padding:3px 0;}
  .delActive{text-decoration:line-through;color:#333;}
</style>
